<!--
 * @Author: yuan-3-07 2144849287@qq.com
 * @Date: 2023-01-10 14:21:52
 * @LastEditors: yuan-3-07 2144849287@qq.com
 * @LastEditTime: 2023-01-13 19:17:35
 * @FilePath: \h520221123\模板页.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式表   注意引入的顺序 -->
    <!-- 1.引入样式重置表 -->
    <link rel="stylesheet" href="./css/resdt.css" />
    <!-- 引入插件 -->
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.css" />
    <!-- 2.引入公用样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 3.引入当前样式 -->
    <link rel="stylesheet" href="./css/customer.css" />
</head>

<body>
    <!-- 头部 -->
    <header class="clearfix plr30 abs">
        <!-- logo -->
        <img src="./images/new-logo-white.png" alt="" class="logo mt18" />
        <!-- 菜单 -->
        <ul class="menu  abs">
            <li><a href="">首页</a></li>
            <li><a href="">API</a></li>
            <li><a href="">云服务</a></li>
            <li class="active"><a href=""> 案例</a></li>
            <li><a href="">开发者</a></li>
        </ul>

        <!-- 登录和注册 -->
        <div class="fr mt18 right f12">
            <a href="" class="p515 ">登录</a>
            <a href="" class="p515 ml10">注册有礼</a>
        </div>
    </header>
    <!-- 粒子图片 -->
    <div id="banner">
        <div id="mydiv" >
                <div class="case-conten f3 ">
                    <h1 class="">助力行业巨头、独角兽企业</h1>
                    <h3>已服务10万+企业客户</h3>
                    <p>- 精选案例 -</p>
                </div>
        </div>
        <!-- 中间内容 -->



    </div>

    <!-- 中间内容 -->
    <main class="container ">
        <div id="floorBox">
            <!-- 一层 -->
       <div class="floor">
                <h2 class="f18 bold">金融案例 <span class="f9 f14 bold ">/Financial Case</span></h2>

                <!-- 图片和内容 -->
                <ul class="mt15 clearfix">
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>
                       
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                </ul>    
            </div>
  <!-- 二层 -->
        <div class="floor">
                <h2 class="f18 bold">金融案例 <span class="f9 f14 bold ">/Financial Case</span></h2>

                <!-- 图片和内容 -->
                <ul class="mt15 clearfix">
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>
                       
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                </ul>    
            </div>
            <!-- 三层 -->  
        <div class="floor">
                <h2 class="f18 bold">金融案例 <span class="f9 f14 bold ">/Financial Case</span></h2>

                <!-- 图片和内容 -->
                <ul class="mt15 clearfix">
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>
                       
                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                    <li>
                        <img src="./images/szyh.png" alt="">
                        <h4 class="f14 c18">苏州银行数据API服务系统 </h4>
                        <p class="f12 c6">
                            苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                        </p>
                        <a href="" class="c16 c127">了解详情</a>
                    </li>

                </ul>    
            </div>
 </div> 
   

 <!-- 四层 -->
 <div class="floor  container">
    <h2 class="f18 bold">更多伙伴 <span class="f9 f14 bold ">/More Partners</span></h2>
   </div>

   <div class="container">
    <ul class=" cf" id="own">
        <li>
            <img src="./images/more-partners-item01.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item02.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item03.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item04.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item05.svg" alt="">
        </li>
        <li class="img-bag">
            <img src="./images/more-partners-item06.svg" alt="">
        </li>
        <li class="img-bag">
            <img src="./images/more-partners-item07.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item08.svg" alt="">
        </li>
        <li>
            <img src="./images/more-partners-item09.svg" alt="">
        </li>
    </ul>
</div>




 </main>  

    <!-- 右边内容——楼层跳转 -->
    <ul id="returnTop" >
        <li>金融案例</li>
        <li> 企业案例</li>
        <li>政务案例</li>
        <li>更多伙伴</li>
    </ul>
    
   
    
    



    <!-- 尾部 -->
    <footer class="container">
        <!-- 上半部分 -->
        <div class="cf">
            <!-- 左侧列表 -->
            <table class="footer">
                <tr>
                    <th>
                        <a href="#">联系与支持</a>
                    </th>
                    <th>
                        <a href="#">关于源码</a>
                    </th>
                    <th>
                        <a href="#">产品服务</a>
                    </th>
                    <th>
                        <a href="#">产品服务</a>
                    </th>
                    <th>
                        <a href="#">解决方案</a>
                    </th>
                </tr>
                <tr>
                    <td>
                        <a href="#">400-882-7715</a>
                    </td>
                    <td>
                        <a href="#">400-882-7715</a>
                    </td>
                    <td>
                        <a href="#">400-882-7715</a>
                    </td>
                    <td>
                        <a href="#">400-882-7715</a>
                    </td>
                    <td>
                        <a href="#">400-882-7715</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">售前咨询</a>
                    </td>
                    <td>
                        <a href="#">售前咨询</a>
                    </td>
                    <td>
                        <a href="#">售前咨询</a>
                    </td>
                    <td>
                        <a href="#">售前咨询</a>
                    </td>
                    <td>
                        <a href="#">售前咨询</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">客服&售后</a>
                    </td>
                    <td>
                        <a href="#">客服&售后</a>
                    </td>
                    <td>
                        <a href="#">客服&售后</a>
                    </td>
                    <td>
                        <a href="#">客服&售后</a>
                    </td>
                    <td>
                        <a href="#">客服&售后</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">常见问题</a>
                    </td>
                    <td>
                        <a href="#">常见问题</a>
                    </td>
                    <td>
                        <a href="#">常见问题</a>
                    </td>
                    <td>
                        <a href="#">常见问题</a>
                    </td>
                    <td>
                        <a href="#">常见问题</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">极速工单</a>
                    </td>
                    <td>
                        <a href="#">极速工单</a>
                    </td>
                    <td>
                        <a href="#">极速工单</a>
                    </td>
                    <td>
                        <a href="#">极速工单</a>
                    </td>
                    <td>
                        <a href="#">极速工单</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="#">投诉与建议</a>
                    </td>
                    <td>
                        <a href="#">投诉与建议</a>
                    </td>
                    <td>
                        <a href="#">投诉与建议</a>
                    </td>
                    <td>
                        <a href="#">投诉与建议</a>
                    </td>
                    <td>
                        <a href="#">投诉与建议</a>
                    </td>
                </tr>
            </table>
            <!-- 右侧二维码 -->
            <div class="official-account cf">
                <h3 class="c18">微信公众号</h3>
                <p>源码时代</p>
                <img src="./images/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 尾部指南 -->
        <div class="tail-guide">
            <p class="tail-left  c3">
                <img src="./images/bei1.png" alt="">
                <img src="./images/bei2.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p class="tail-rigth c3">源码大数据股份有限公司©版权所有</p>
        </div>
    </footer>




    <!--引入工具类  -->
    <script src="./js/utils.js"></script>
    <!-- 引入插件库js -->
    <script src="./lib/swiper/swiper-bundle.js"></script>
    <!-- 引入js 脚本 -->
    <script src="./js/customer.js"></script>


    <script>
        //配置
        var config = {
            vx: 4,	//小球x轴速度,正为右，负为左
            vy: 4,	//小球y轴速度
            height: 2,	//小球高宽，其实为正方形，所以不宜太大
            width: 2,
            count: 200,		//点个数
            color: "193.193.193.193", 	//点颜色
            stroke: "EDEDED", 		//线条颜色
            dist: 6000, 	//点吸附距离
            e_dist: 20000, 	//鼠标吸附加速距离
            max_conn: 10 	//点到点最大连接数
        }

        //调用
        CanvasParticle(config);
    </script>


</body>

</html>